<template>
    <view class="search">
        <view class="s-box1">
           
            <text style="color: #ffffff; font-size: 35rpx; text-align: center; line-height: 70rpx; font-weight: 600;">借贷</text>
        </view>
        <view class="s-box2">
            <view class="input">
               <view class="soushuo">
				   <image src="../../static/iamges/shouye-sousuo@2x.png" mode=""></image>
				  
			   </view> 
			    <view class="text">转账</view>
				
			
                
				
            </view>
        </view>
		<view class="s-box3">
			<image src="../../static/iamges/kefubai.png" mode=""></image>
		</view>
	</view>
</template>

<script>
export default {
    data() {
        return {};
    },
    onLoad() {},
    methods: {},
};
</script>

<style  lang="scss" scoped  >
// @import '../static/icon/iconfont.css';
// @import url("../static/icon/iconfont.css");
.s-box3{
	height: 100rpx;
	
	width: 100rpx;
	margin-left: 20rpx;
	image{
		width: 50rpx;
		height:50rpx;
		margin-top: 20rpx;
	}
}
.input1 {
    margin-right: 11pt;
    line-height: 78rpx;
}
.search {
    background-color: #ff4558;
    display: flex;
    padding: 0px 12pt;
    height: 40pt;
}
.s-box1 {
	box-sizing: border-box;
  
    width: 120rpx;
	
    height: 100rpx;
    margin-right: 15pt;
	padding-top:5px ;
}
.s-box1 image {
    width: 16pt;
    height: 16pt;
    text-align: center;
    margin-left: 2pt;
}
.s-box2 {
    box-sizing: border-box;
    padding-top: 5px;
    width: 318pt;
    height: 100%;
  
}
.input {
    background-color: #ffffff;
    border-radius: 35rpx;
    height: 80%;
	display: flex;
	
    padding: 0px 15pt;
    color: #ffb3ba;
	view{
		width: 33.33%;
		padding-top: 18rpx;
	}
	.text{
		margin-left: -80rpx;
	}
	.soushuo{
	
	
		
		box-sizing: border-box;
		image{
			width: 40rpx;
			height: 40rpx;
		}
	}
	.huatong{
		width: 50%;
	
		text-align: right;
	
		image{
			width: 30rpx;
			height: 40rpx;
		}
	}
}
</style>
